﻿@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0}
li{list-style:none}
html{font-size:625%}
body{font-size:16px;overflow-x:hidden; font-family:'微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}
a{text-decoration:none;color:black;outline:0; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
a:focus{outline:0}
a:visited{text-decoration:none}
em{font-style:normal;font-weight:normal; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.clear{clear:both}
.iphone{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:rgba(0, 0, 0, .2);display:none!important;}
.iphone form{display:none;width:400px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:250px;background:white;border-radius:5px;}
input,textarea{background:0;outline:0;resize:none;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;padding-left:10px;}

.w100{ width:100%;}
.w1700{ width:1700px; margin:0 auto;}
.clearboth{clear:both;height:0;overflow:hidden; display:block;}

/* 公用头部 */
.Header{ width:100%; height:120px; background:#FFF; position:fixed; left:0; top:0; z-index:9999; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.HeaderOn{ background:#FFF; border-bottom:0; }
.HeaderMain{ width:89%; margin:0 auto;}
.HeaderLogo{ width:200px; height:45px; margin:37px 0; position:relative; float:left;}
.HeaderLogo img{ height:100%; vertical-align:top; position:absolute; left:0; top:0;}
.menuMain{ display:none;}
.navs{ height:120px; margin-left:80px; float:left;}
.navs li{ height:120px; padding:0 15px; margin-left:20px; float:left; position:relative;}
.navs li .one{ height:40px; line-height:40px; margin:40px 0; border-bottom:2px solid #FFF; font-size:16px; color:#1A1A1A; display:block;}
.navs li .one:hover{ border-bottom:2px solid #E70015; color:#0099e5;}
.navs li .naver{ width:140px; padding:10px 0; background:#FFF; position:absolute; top:120px; left:-20px; display:none;}
.navs li .naver2{ width:161px; padding:0; background:none !important; top:100px; left:-30px;}
.navs li .naver2 img{ display:block; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.navs li:hover .naver{ display:block;}
.navs li .naver a{ height:30px; line-height:30px; text-align:center; font-size:15px; display:block;}
.navs li .naver a:hover{ color:#0099e5;}
.tel{ height:45px; margin:37px 0; padding-left:10px; border-left:2px solid #E5E5E5; float:right;}
.tel a{ height:20px; line-height:20px; padding-left:35px; font-size:16px; color:#808080; background:url(/public/images/home/en.jpg) no-repeat left center; display:block;}
.tel p{ height:20px; line-height:20px; font-size:16px; color:#808080; display:inline;}
.tel span{ font-size:30px; font-family:Arial; color:#e50112;}
.menuIcon{ position:relative; right:0px; float:right; top:32px; z-index:99999; cursor:pointer; display:none;}

/* banner */
.banner{ width:100%; margin-top:120px; overflow:hidden; position:relative;}
.banner .slides{ position:relative; z-index:1;}
.banner .slides li img{ width:100%; display:block;}
.banner .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:40px; z-index:2;}
.banner .flex-control-nav li{ width:48px; height:6px; margin:0 5px; display:inline-block; }
.banner .flex-control-nav a{ width:48px; height:6px; line-height:40px; overflow:hidden; background:#FFF; cursor:pointer; display:inline-block;}
.banner .flex-control-nav .flex-active{ background:#0099E5;}
.banner .flex-direction-nav{ display:none;}

/* 小标题公用 */
.title{ text-align:center;}
.title h2{ font-size:46px; color:#034EA2;}
.title p{ padding:6px 0 20px 0; font-size:14px; color:#6A6A6A;}
.title span{ width:50px; height:2px; background:#0099E5; margin:0 auto; display:block;}
.title2 h2,.title2 p{ color:#FFF;}
.title3 p{ font-size:16px; font-weight:bold;}

/* 产品中心 */
.indpro{ padding:60px 0 80px 0; background:#F5F5F5; overflow:hidden;}
.indpro .w1700{ overflow:hidden;}
.proimg{ width:838px; height:478px; margin-top:60px; overflow:hidden; float:left; position:relative;}
.proimg .slides{ position:relative; z-index:1;}
.proimg .slides li{ width:838px; height:478px;}
.proimg .slides li img{ width:100%; height:100%; display:block;}
.proimg .flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:15px; z-index:2;}
.proimg .flex-control-nav li{ margin:0 5px; display:inline-block; }
.proimg .flex-control-nav a{ width:8px; height:8px; line-height:40px; overflow:hidden; background:#666; cursor:pointer; border-radius:50%; display:inline-block;}
.proimg .flex-control-nav .flex-active{ width:36px; height:8px; border-radius:4px; background:#034EA2;}
.proimg .flex-direction-nav{ display:none;}
.indpro .wen{ width:800px; margin:60px 0 0 0; float:right;}
.indpro .wen dl{ width:382px; height:220px; margin:0 36px 38px 0; float:left; position:relative; overflow:hidden;}
.indpro .wen dl.lr{ margin:0 0 38px 0;}
.indpro .wen dl dt{ width:382px; height:220px;}
.indpro .wen dl dt img{ width:100%; height:100%;}
.indpro .wen dl dd{ width:382px; height:220px; position:absolute; top:-220px; left:0; background:url(/public/images/home/85.png) repeat; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indpro .wen dl:hover dd{ top:0; left:0; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indpro .wen dl dd p{ width:100%; padding:90px 0 0 0; text-align:center; font-size:16px; font-weight:bold; color:#FFF;}
.indpro .wen dl dd span{ width:130px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#FFF; border:1px solid #FFF; border-radius:17px; margin:20px auto; display:block;}
.indpro .more{ width:60px; height:44px; line-height:44px; padding:0 65px 0 55px; font-weight:bold; font-size:14px; color:#034EA2; border:1px solid #034EA2; border-radius:3px; display:block; margin:30px auto 0 auto; background:url(/public/images/home/jt2.jpg) no-repeat 125px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indpro .more:hover{ background:url(/public/images/home/jt2.jpg) no-repeat 135px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 我们的优势 */
.youshi{ width:1525px; margin:0 auto; padding:60px 0; overflow:hidden;}
.youshi ul{ padding:60px 0 0 0; overflow:hidden;}
.youshi ul li{ width:305px; text-align:center; margin-bottom:40px; background:url(/public/images/home/xian.png) no-repeat right center; float:left;}
.youshi ul li.lr{ background:none;}
.youshi ul li h3{ padding:20px 0 10px 0; font-size:16px; color:#333;}
.youshi ul li p{ line-height:25px; font-size:14px; color:#636363;}

/* 行业应用 */
.hyyy{ padding:60px 0 80px 0; background:#F5F5F5; overflow:hidden;}
.hyyy dl{ width:319px; height:568px; margin:60px 26px 0 0; float:left; position:relative; overflow:hidden;}
.hyyy dl.lr{ margin:60px 0 0 0;}
.hyyy dl dt{ width:319px; height:568px;}
.hyyy dl dt img{ width:100%; height:100%;}
.hyyy dl dd{ width:259px; position:absolute;}
.hyyy dl dd.dd1{ padding:0 30px; left:0; bottom:20px; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.hyyy dl:hover dd.dd1{ bottom:-65px; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.hyyy dl dd.dd1 h3{ font-size:24px; color:#FFF;}
.hyyy dl dd.dd1 p{ width:100%; padding:5px 0; font-size:18px; color:#FFF; border-bottom:1px solid #FFF;}
.hyyy dl dd.dd2{ width:259px; height:568px; padding:0 30px; left:-319px; bottom:0; background:rgba(0,0,0,0.3); -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.hyyy dl:hover dd.dd2{ left:0; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.hyyy dl dd.dd2 h4{ line-height:40px; padding:100px 0 50px 0; font-size:36px; color:#FFF;}
.hyyy dl dd.dd2 h3{ padding-bottom:30px; font-size:36px; color:#FFF;}
.hyyy dl dd.dd2 p{ line-height:25px; font-size:14px; color:#FFF;}

/* 关于盛瀚 */
.indabout{ width:1640px; padding:60px 0 80px 0; background:url(/public/images/home/house.png) no-repeat right bottom; margin:0 auto;}
.indabout .abtcon{ margin-top:60px; overflow:hidden;}
.indabout .abtcon .abl{ width:500px; height:500px; float:left; position:relative; overflow:hidden;}
.indabout .abtcon .abl b{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0 ;}
.indabout .abtcon .abl img{ width:100%; height:100%; -webkit-transition:all 0.4s ease-in-out;  -moz-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.indabout .abtcon .abl:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.indabout .abtcon .abl em{ width:500px; height:500px; background:url(/public/images/home/video-btn.png) no-repeat center; cursor:pointer; position:absolute; right:0; left:0; top:0; bottom:0; margin:auto; z-index:2;}
.indabout .abtcon .abr{ width:1020px; float:right;}
.indabout .abtcon .abr h3{ padding:20px 0 10px 0; font-size:46px; color:#C9CFD6;}
.indabout .abtcon .abr p{ line-height:30px; font-size:14px; color:#676767;}
.indabout .abtcon .abr ul{ padding:40px 0; overflow:hidden;}
.indabout .abtcon .abr ul li{ width:170px; height:170px; margin-right:75px; text-align:center; background:#CDCDCD; border-radius:85px; float:left;}
.indabout .abtcon .abr ul li:hover{ background:#0099E5;}
.indabout .abtcon .abr ul li em{ width:37px; height:37px; margin:30px auto 10px auto; display:block;}
.indabout .abtcon .abr ul li .em3{ background:url(/public/images/home/index-sec3-i1.png) no-repeat center;}
.indabout .abtcon .abr ul li .em8{ background:url(/public/images/home/index-sec3-i2.png) no-repeat center;}
.indabout .abtcon .abr ul li .em7{ background:url(/public/images/home/index-sec3-i3.png) no-repeat center;}
.indabout .abtcon .abr ul li .em9{ background:url(/public/images/home/index-sec3-i4.png) no-repeat center;}
.indabout .abtcon .abr ul li h4{ font-size:18px; font-weight:normal; color:#FFF;}
.indabout .abtcon .abr ul li span{ font-size:12px; color:#FFF;}
.indabout .abtcon .abr .more{ width:60px; height:44px; line-height:44px; padding:0 65px 0 55px; font-weight:bold; font-size:14px; color:#034EA2; border:1px solid #034EA2; border-radius:3px; display:block; background:url(/public/images/home/jt2.jpg) no-repeat 125px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.indabout .abtcon .abr .more:hover{ background:url(/public/images/home/jt2.jpg) no-repeat 135px center; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.winbj{ width:100%; height:100%; background:rgb(0, 0, 0); position:fixed; left:0px; top:0px; opacity:0.5;z-index:999;}
.tanChu{ width:715px; height:574px; left:50%; top:50%; margin:-280px 0 0 -357px; background:#FFF; position:fixed; z-index:9999;}
.tanChu .tanChutit{ width:100%; height:40px; line-height:40px; background:#FFF; overflow:hidden;}
.tanChu .tanChutit .tanchuTxt{ padding-left:20px; font-size:16px; float:left;}
.tanChu .tanChutit .tanchuClose{ padding-right:20px; font-size:16px; color:#333; cursor:pointer; float:right;}
.tanChu iframe{ width:715px; height:534px;}

/* 盛瀚走出国门冲向世界 */
.world{ padding:50px 0 80px 0; background:url(/public/images/home/mapbg.jpg) repeat-x top; overflow:hidden;}
.stage{ width:1230px; padding:40px 100px 40px 70px; margin:35px auto 0 auto; background:#EDEDEF; overflow:hidden;}
.stage .stimg{ width:632px; height:426px; position:relative; float:left;}
.stage .stimg .maps{ width:632px; height:426px; background:url(../images/map.png) no-repeat; background-size:cover; position:relative; z-index:99;}
.stage .stimg .maps .beijing{ width:36px; height:44px; background:url(../images/beijing.png) no-repeat; background-size:cover; position:absolute; right:135px; top:120px; -webkit-animation:bounce-down 4s linear infinite; animation:bounce-down 4s linear infinite; }
@-webkit-keyframes bounce-down { 25% { -webkit-transform:translateY(-5px); }
50%,100% { -webkit-transform:translateY(0); }
75% { -webkit-transform:translateY(5px); }
}
@keyframes bounce-down { 25% { transform:translateY(-5px); }
50%,100% { transform:translateY(0); }
75% { transform:translateY(5px); }
}
.beijing-cir{ width:231px; height:231px; position:absolute; right:38px; top:45px; display:flex; justify-content:center; align-items:center; }
.beijing-circle{ position:absolute; width:104px; height:104px; background:url(../images/map-cir1.png) no-repeat; background-size:cover; }
.beijing-circle:nth-child(1){ animation:anim 5s linear infinite; }
.beijing-circle:nth-child(2){ animation:anim 5s linear 0.6s infinite; }
.beijing-circle:nth-child(3){ animation:anim 5s linear 1.2s infinite; }
.beijing-circle:nth-child(4){ animation:anim 5s linear 2.4s infinite; }
@keyframes anim { from { opacity:1; transform:scale(0); }
to { opacity:0; transform:scale(2); }
}

.stage .stimg p{ width:120px; height:125px; background:#FFF; position:absolute; left:-15px; bottom:-15px; z-index:9;}
.stage .wen{ width:450px; float:right;}
.stage .wen h3{ padding:90px 0 30px 0; font-size:46px; color:#D1D1D1;}
.stage .wen p{ line-height:30px; padding-bottom:35px; font-size:16px; color:#6A6A6A;}

/* 新闻资讯 */
.indnews{ padding:60px 0 80px 0; background:#F5F5F5; overflow:hidden;}
.newimg{ width:440px; height:276px; margin-top:50px; overflow:hidden; float:left; position:relative;}
.newimg .slides{ position:relative; z-index:1;}
.newimg .slides li{ width:440px; height:276px;}
.newimg .slides li img{ width:100%; height:100%; display:block;}
.newimg .flex-control-nav{ display:none;}
.newimg .flex-direction-nav{ position:absolute; z-index:3; width:100%; bottom:50px;}
.newimg .flex-direction-nav li a{ width:34px; height:34px; overflow:hidden; position:absolute; display:block;}
.newimg .flex-direction-nav li a.flex-prev{ right:80px; background:url(/public/images/home/prev.png) center no-repeat;}
.newimg .flex-direction-nav li a.flex-next{ right:30px; background:url(/public/images/home/next.png) center no-repeat;}
.newimg .flex-direction-nav li a.flex-prev:hover{ right:80px; background:url(/public/images/home/prevbg.png) center no-repeat;}
.newimg .flex-direction-nav li a.flex-next:hover{ right:30px; background:url(/public/images/home/nextbg.png) center no-repeat;}
.indnews .wen{ width:500px; padding-left:60px; margin:50px 0 0 60px; border-left:1px solid #C1C1C1; float:left;}
.indnews .wen li{ height:45px; line-height:45px; border-bottom:1px solid #D7D7D7; overflow:hidden;}
.indnews .wen li b{ width:15px; height:3px; margin:21px 21px 21px 0; background:#A7A7A7; float:left;}
.indnews .wen li a{ font-size:16px; color:#6A6A6A; float:left;}
.indnews .wen li span{ font-size:16px; color:#6A6A6A; float:right;}
.indnews .wen li:hover b{ background:#0099E5;}
.indnews .wen li:hover a{ color:#0099E5;}


/* 公用底部 */
/*.backtop{ width:50px; height:50px; cursor:pointer; position:fixed; display:block; z-index:666; bottom:100px; right:50px; z-index:55; background:url(/public/images/home/goindex.png) center no-repeat #bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}*/
.right-fixed{ width:60px;  position:fixed; top:55%; right:0; z-index:10;  height:270px;  margin-top:35px; }
.right-fixed ul { width:100%; zoom:1;}
.right-fixed li {  margin-bottom:10px; position:relative;  width:60px; height:60px;  float:right;  line-height:60px;  background:#ebebeb; transition:width .3s, background .3s, margin .3s;}
.right-fixed li.right-fixed1 {width:200px;  margin-right:-140px;}
.right-fixed li.right-fixed2{ width:140px; margin-right:-80px; }
.right-fixed li.right-fixed3{ width:180px; margin-right:-120px; }
.right-fixed li a { display:block;  width:100%;  height:100%;}
.right-fixed li .ico { width:60px; height:60px; position:absolute;  top:0;  right:0;  transition:right .3s;}
.right-fixed li.right-fixed1 .ico, .right-fixed li.right-fixed2 .ico ,.right-fixed li.right-fixed3 .ico{left:0;}
.right-fixed li .ico.ico01 {background:url(../images/right-i1.png) no-repeat center;}
.right-fixed li .ico.ico02 {background:url(../images/right-i2.png) no-repeat center;}
.right-fixed li .ico.ico03 {background:url(../images/right-i3.png) no-repeat center;}
.right-fixed li .ico.ico04 {background:url(../images/right-i4.png) no-repeat center;}
.right-fixed li p {
    font-size:15px;
    color:#fff;
    line-height:60px;
    padding:0 20px;
    transition:transform .3s;
}
.right-fixed li.right-fixed1 p, .right-fixed li.right-fixed2 p , .right-fixed li.right-fixed3 p{
    padding:0 20px 0 60px;
}
.right-fixed li:hover {  background:#0099e5;}
.right-fixed li.right-fixed1:hover {margin-right:0;width:200px;}
.right-fixed li.right-fixed2:hover {margin-right:0;width:140px;}
.right-fixed li.right-fixed3:hover {margin-right:0;width:180px; background:#0099e5}
.right-fixed li.right-fixed3:hover p{ width:120px; height:120px; border:2px solid #ccc; padding:0; background:#fff; }
.right-fixed li.right-fixed3:hover p img{ margin:11px; display:block; }
.right-fixed li:hover .ico, .right-fixed li.right-fixed1:hover .ico, .right-flex li.right-fixed3:hover .ico {right:0;left:auto;}
.right-fixed li.right-fixed1:hover p,.right-fixed li.right-fixed2:hover p{ padding:0 20px; }
.right-fixed li.right-fixed1:hover .ico.ico01 {background:url(../images/right-i1-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico02 {background:url(../images/right-i2-hover.png) no-repeat center;} 
.right-fixed li.right-fixed3:hover .ico.ico03 {background:url(../images/right-i3-hover.png) no-repeat center;} 
.right-fixed li.backtop{ display:block !important;}
.right-fixed li.backtop:hover .ico.ico04 {background:url(../images/right-i4-hover.png) no-repeat center;} 

.bottoms{ padding:60px 0 30px 0; overflow:hidden;}
.bottoms .logo2{ margin-right:100px; float:left;}
.bottoms dl{ height:125px; padding:15px 120px 0 120px; border-left:1px solid #E9E9E9; float:left;}
.bottoms dl.ewm{ padding:15px 0 0 90px; border:0;}
.bottoms dl.ewm2{ padding:15px 0 0 0; border:0; float:right;}
.bottoms dl dt{ padding-bottom:10px; font-size:16px; font-weight:bold; color:#6A6A6A;}
.bottoms dl dd{ line-height:28px; font-size:14px; color:#686868;}
.bottoms dl.ewm dt,.bottoms dl.ewm2 dt{ padding-bottom:5px;}
.bottoms dl.ewm dd,.bottoms dl.ewm2 dd{ text-align:center;}
.bottoms dl dd.adds{ padding-left:20px; background:url(/public/images/home/addbg.png) no-repeat left center;}
.bottoms dl dd.tel1{ padding-left:25px; background:url(/public/images/home/telbg.png) no-repeat left center;}
.bottoms dl dd.tel2{ padding-left:25px; background:url(/public/images/home/tel2bg.png) no-repeat left center;}
.botnav{ height:70px; line-height:70px; text-align:center; font-size:16px; color:#E0E0E0; background:#646464;}
.botnav a{ padding:0 30px; font-size:16px; color:#E0E0E0;}
.botnav a:hover{ color:#0099E5;}
.copyright{ line-height:25px; padding:50px 0; text-align:center; font-size:14px; color:#9E9E9E; }
.copyright a{ color:#9E9E9E;}
.copyright a:hover{ color:#0099E5;}


@media screen and (max-width:1680px) {
	
	.w1700{ width:1600px;}
	
	/* 公用头部 */
	.HeaderMain{ width:1600px; margin:0 auto;}
	.tel{ height:45px; margin:37px 0; padding-left:10px; border-left:2px solid #E5E5E5; float:right;}
	.tel p{ font-size:14px;}
	.tel span{ font-size:20px;}
	
	/* 小标题公用 */
	.title h2{ font-size:36px;}
	
	/* 产品中心 */
	.proimg,.proimg .slides li{ width:800px; height:456px;}
	.indpro .wen{ width:760px;}
	.indpro .wen dl{ width:370px; height:215px; margin:0 20px 25px 0;}
	.indpro .wen dl.lr{ margin:0 0 20px 0;}
	.indpro .wen dl dt{ width:370px; height:215px;}
	.indpro .wen dl dd{ width:370px; height:215px; top:-215px;}
	.indpro .wen dl dd p{ padding:50px 0 0 0; font-size:14px;}
	.indpro .more{ margin:20px auto 0 auto;}
	
	/* 行业应用 */
	.hyyy dl{ width:304px; height:540px; margin:60px 20px 0 0;}
	.hyyy dl dt{ width:304px; height:540px;}
	.hyyy dl dd.dd1{ width:244px;}
	.hyyy dl dd.dd2{ width:244px; height:540px; left:-304px;}

	/* 关于盛瀚 */
	.indabout{ width:1600px;}
	.indabout .abtcon{ margin-top:60px;}

	/* 新闻资讯 */
	.newimg,.newimg .slides li{ width:450px; height:270px;}
	.indnews .wen{ width:450px; padding-left:62px; margin:50px 0 0 62px;}
	.indnews .wen li{ height:44px; line-height:44px;}
	.indnews .wen li b{ width:10px; margin:21px 11px 20px 0;}
	.indnews .wen li a,.indnews .wen li span{ font-size:14px;}
	
	/* 公用底部 */
	.bottoms{ padding:50px 0 40px 0;}
	.bottoms .logo2{ margin:25px 115px 0 0;}
	.bottoms dl{ padding:15px 115px 0 115px;}
	.bottoms dl.ewm,.bottoms dl.ewm2{ padding:15px 0 0 0;}
	.botnav{ height:55px; line-height:55px;}
	.copyright{ padding:30px 100px; font-size:12px; }
	.copyright a{ font-size:12px;}
	
}

@media screen and (max-width:1440px) {
	
	.w1700{ width:1320px;}
	
	/* 公用头部 */
	.HeaderMain{ width:1320px; margin:0 auto;}
	.navs{ margin-left:60px;}
	.navs li{ padding:0 5px; margin-left:20px;}
	.navs li .one{ font-size:15px;}
	.navs li .naver{ top:120px; left:-35px;}
	.navs li .naver a{ font-size:13px;}
	.tel{ height:45px; margin:37px 0; padding-left:10px; border-left:2px solid #E5E5E5; float:right;}
	.tel p{ font-size:14px;}
	.tel span{ font-size:20px;}
	
	/* banner */
	.banner .flex-control-nav{ bottom:30px;}
	
	/* 小标题公用 */
	.title h2{ font-size:36px;}
	
	/* 产品中心 */
	.proimg,.proimg .slides li{ width:640px; height:380px;}
	.indpro .wen{ width:650px;}
	.indpro .wen dl{ width:315px; height:180px; margin:0 20px 20px 0;}
	.indpro .wen dl.lr{ margin:0 0 20px 0;}
	.indpro .wen dl dt{ width:315px; height:180px;}
	.indpro .wen dl dd{ width:315px; height:180px; top:-180px;}
	.indpro .wen dl dd p{ padding:50px 0 0 0; font-size:14px;}
	.indpro .more{ margin:20px auto 0 auto;}
	
	/* 我们的优势 */
	.youshi{ width:1320px;}
	.youshi ul{ padding:60px 0 0 0; overflow:hidden;}
	.youshi ul li{ width:264px; text-align:center; margin-bottom:40px; background:url(/public/images/home/xian.png) no-repeat right center; float:left;}
	.youshi ul li h3{ padding:20px 0 10px 0; font-size:16px; color:#333;}
	.youshi ul li p{ line-height:25px; font-size:14px; color:#636363;}
	
	/* 行业应用 */
	.hyyy dl{ width:248px; height:442px; margin:60px 20px 0 0;}
	.hyyy dl dt{ width:248px; height:442px;}
	.hyyy dl dd{ width:228px;}
	.hyyy dl dd.dd1{ padding:0 10px;}
	.hyyy dl dd.dd1 h3{ font-size:20px;}
	.hyyy dl dd.dd1 p{ font-size:15px;}
	.hyyy dl dd.dd2{ width:228px; height:442px; padding:0 10px; left:-248px;}
	.hyyy dl dd.dd2 h4{ line-height:30px; padding:50px 0 30px 0; font-size:26px;}
	.hyyy dl dd.dd2 h3{ padding-bottom:20px; font-size:26px;}
	.hyyy dl dd.dd2 p{ line-height:22px;}
	
	/* 关于盛瀚 */
	.indabout{ width:1320px;}
	.indabout .abtcon{ margin-top:60px;}
	.indabout .abtcon .abl,.indabout .abtcon .abl em{ width:400px; height:400px;}
	.indabout .abtcon .abr{ width:870px; float:right;}
	.indabout .abtcon .abr h3{ padding:0 0 10px 0;}
	.indabout .abtcon .abr p{ line-height:25px;}
	.indabout .abtcon .abr ul{ padding:30px 0;}
	.indabout .abtcon .abr ul li{ width:150px; height:150px; margin-right:65px; border-radius:75px;}
	.indabout .abtcon .abr ul li em{ margin:20px auto 10px auto;}
	
	/* 盛瀚走出国门冲向世界 */
	.stage{ width:1150px;}
	.stage .wen h3{ padding:70px 0 30px 0;}
	
	/* 新闻资讯 */
	.newimg,.newimg .slides li{ width:358px; height:215px;}
	.indnews .wen{ width:400px; padding-left:40px; margin:50px 0 0 40px;}
	.indnews .wen li{ height:35px; line-height:35px; border-bottom:1px solid #D7D7D7; overflow:hidden;}
	.indnews .wen li b{ width:10px; margin:16px 11px 16px 0;}
	.indnews .wen li a,.indnews .wen li span{ font-size:14px;}
	
	/* 公用底部 */
	.bottoms{ padding:50px 0 40px 0;}
	.bottoms .logo2{ width:200px; margin:45px 90px 0 0;}
	.bottoms dl{ padding:15px 90px 0 90px;}
	.bottoms dl.ewm,.bottoms dl.ewm2{ padding:15px 0 0 0;}
	.botnav{ height:55px; line-height:55px;}
	.copyright{ padding:30px 100px; font-size:12px; }
	.copyright a{ font-size:12px;}
	
}

@media screen and (max-width:1366px) {
	
	.w1700{ width:1200px;}
	
	/* 公用头部 */
	.HeaderMain{ width:1200px; margin:0 auto;}
	.navs{ margin-left:20px;}
	.navs li{ padding:0 5px; margin-left:15px;}
	.navs li .one{ font-size:14px;}
	.navs li .naver{ top:120px; left:-35px;}
	.navs li .naver a{ font-size:13px;}
	.tel{ height:45px; margin:37px 0; padding-left:10px; border-left:2px solid #E5E5E5; float:right;}
	.tel p{ font-size:14px;}
	.tel span{ font-size:20px;}
	
	/* banner */
	.banner .flex-control-nav{ bottom:30px;}
	
	/* 小标题公用 */
	.title h2{ font-size:36px;}
	
	/* 产品中心 */
	.proimg,.proimg .slides li{ width:600px; height:342px;}
	.indpro .wen{ width:560px;}
	.indpro .wen dl{ width:270px; height:155px; margin:0 20px 31px 0;}
	.indpro .wen dl.lr{ margin:0 0 31px 0;}
	.indpro .wen dl dt{ width:270px; height:155px;}
	.indpro .wen dl dd{ width:270px; height:155px; top:-155px;}
	.indpro .wen dl dd p{ padding:50px 0 0 0; font-size:14px;}
	.indpro .more{ margin:20px auto 0 auto;}
	
	/* 我们的优势 */
	.youshi{ width:1200px;}
	.youshi ul{ padding:60px 0 0 0; overflow:hidden;}
	.youshi ul li{ width:240px; text-align:center; margin-bottom:40px; background:url(/public/images/home/xian.png) no-repeat right center; float:left;}
	.youshi ul li h3{ padding:20px 0 10px 0; font-size:16px; color:#333;}
	.youshi ul li p{ line-height:25px; font-size:14px; color:#636363;}
	
	/* 行业应用 */
	.hyyy dl{ width:219px; height:390px; margin:60px 20px 0 0;}
	.hyyy dl dt{ width:219px; height:390px;}
	.hyyy dl dd{ width:199px;}
	.hyyy dl dd.dd1{ padding:0 10px;}
	.hyyy dl dd.dd1 h3{ font-size:20px;}
	.hyyy dl dd.dd1 p{ font-size:15px;}
	.hyyy dl dd.dd2{ width:199px; height:390px; padding:0 10px; left:-219px;}
	.hyyy dl dd.dd2 h4{ line-height:30px; padding:50px 0 30px 0; font-size:26px;}
	.hyyy dl dd.dd2 h3{ padding-bottom:20px; font-size:26px;}
	.hyyy dl dd.dd2 p{ line-height:22px;}
	
	/* 关于盛瀚 */
	.indabout{ width:1200px;}
	.indabout .abtcon{ margin-top:60px;}
	.indabout .abtcon .abl,.indabout .abtcon .abl em{ width:400px; height:400px;}
	.indabout .abtcon .abr{ width:750px; float:right;}
	.indabout .abtcon .abr h3{ padding:0 0 10px 0;}
	.indabout .abtcon .abr p{ line-height:25px;}
	.indabout .abtcon .abr ul{ padding:30px 0;}
	.indabout .abtcon .abr ul li{ width:150px; height:150px; margin-right:30px; border-radius:75px;}
	.indabout .abtcon .abr ul li em{ margin:20px auto 10px auto;}
	
	/* 盛瀚走出国门冲向世界 */
	.stage{ width:1030px;}
	.stage .stimg{ width:532px; height:359px;}
	.stage .stimg .maps{ width:532px; height:359px;}
	.stage .stimg .maps .beijing{ right:110px; top:95px;}
	.beijing-cir{ right:13px; top:20px;}

	.stage .wen h3{ padding:40px 0 30px 0;}
	
	/* 新闻资讯 */
	.newimg,.newimg .slides li{ width:358px; height:216px;}
	.indnews .wen{ width:380px; padding-left:20px; margin:50px 0 0 20px;}
	.indnews .wen li{ height:35px; line-height:35px; border-bottom:1px solid #D7D7D7; overflow:hidden;}
	.indnews .wen li b{ width:10px; margin:16px 11px 16px 0;}
	.indnews .wen li a,.indnews .wen li span{ font-size:14px;}
	
	/* 公用底部 */
	.bottoms{ padding:50px 0 40px 0;}
	.bottoms .logo2{ width:200px; margin:45px 60px 0 0;}
	.bottoms dl{ padding:15px 60px 0 60px;}
	.bottoms dl.ewm,.bottoms dl.ewm2{ padding:15px 0 0 0;}
	.botnav{ height:55px; line-height:55px;}
	.copyright{ padding:30px 0; font-size:12px; }
	.copyright a{ font-size:12px;}
	
}


@media screen and (max-width:768px) {
	
	.w1700{ width:94%;}
    .navs,.tel{ display:none;}
    .Header{ height:75px; padding-bottom:0; border-bottom:0; box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
    .HeaderOn{ box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
	.HeaderMain{ width:94%;}
    .HeaderLogo{ height:35px; width:auto; margin:20px 0;}
    .HeaderLogo img{ height:100%;}
    .menuIcon{ display:block; top:25px;}
	.btn-nav{background:0 0;border:none;padding:0 ;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
	.btn-nav:focus{outline:0}
	.icon-bar{display:block;margin:5px 0;width:23px;height:2px;background:#333;}
	.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.animated2{display:block;margin:0 auto}
	.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#000}
	.animated2:focus{cursor:pointer;z-index:9999}
	.middle{width:18px;}
	.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
	.animated2 .icon-bar{z-index:999999;background-color:#000}
	.animated2 .top{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
	.animated2 .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
	.animated2 .middle{width:0}
	.Header.showMenu{  background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
	.Header.showMenu .logo{ background-image:url(/public/images/home/logo2.png)}
	.Header.showMenu .animated2 .icon-bar{ background:#333;}
	.HeaderOn .icon-bar,.CaseOn .icon-bar{background:#333;}
	.menuMain{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#FFF; display:none; margin:0; padding:0; overflow:hidden;}
	.menuBox{ margin:90px 0px 20px 0px; padding:0 4%; height:100%; position:relative; overflow:hidden;}
	.menuBox li{ padding:0 0px 0 0; position:relative;}
	.menuBox li>a{ height:55px; line-height:55px; color:#333; font-size:16px; background:url(/public/images/home/icon_01.png) no-repeat 98% center; background-size:12px; display:block; opacity:0.8}
	.menuBox li.on>a{ background-image:url(/public/images/home/icon_02.png);}
	.menuBox li.link>a{ background-image:url(/public/images/home/icon_031.png);}
	.menuBox li.searchBtn>a{ background:url(/public/images/home/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px;}
	.serList{ overflow:hidden; display:none;}
	.serList a{ width:100%; display:inline-block; height:45px; line-height:45px; font-size:14px; text-indent:20px; color:#333; position:relative;}
	.bBor:after,.tBor:before{position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
	.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
	
	#goodcover{ display:none ;position:fixed !important; top:0%; left:0%; width:100%; height:133%; background:#000; z-index:1001; -moz-opacity:0.8; opacity:0.50; filter:alpha(opacity=80);}
	#code{ width:200px; background:#FFF; padding:10px; position:fixed !important; display:none; top:50% !important; left:50% !important; z-index:1002; margin:-164px 0 0 -110px !important;}
	.close1{ width:200px; overflow:hidden;}
	#closebt{ float:right;}
	#closebt img{ width:20px;}
	.code-img{ width:162px; margin:0 auto;}
	.code-img img{ width:162px; display:block;}

	/* banner */
	.banner{ margin-top:75px;}
	.banner .flex-control-nav{ right:5%; bottom:15px;}
	.bancon{ width:94%; margin:40px auto;}
	.bancon h2{ font-size:20px; }
	.bancon h3{ margin:10px 0 15px 0; font-size:18px; }
	.bancon a{ width:100px; height:30px; line-height:30px; background:#D8B666; font-size:14px; }

	/* 小标题公用 */
	.title h2{ font-size:28px;}
	.title p{ padding:6px 0 20px 0;}
	.title3 p{ font-size:14px; font-weight:normal;}
	
	/* 产品中心 */
	.indpro{ padding:30px 0;}
	.proimg{ width:100%; height:auto; margin-top:20px;}
	.proimg .slides li{ width:100%; height:auto;}
	.indpro .wen{ width:100%; margin:20px 0 0 0;}
	.indpro .wen dl{ width:48%; height:auto; margin:0 4% 10px 0;}
	.indpro .wen dl.lr{ margin:0 0 10px 0;}
	.indpro .wen dl dt{ width:100%; height:auto;}
	.indpro .wen dl dd{ display:none;}
	.indpro .more{ padding:0 55px 0 45px; margin:10px auto 0 auto; background:url(/public/images/home/jt2.jpg) no-repeat 115px center;}
	.indpro .more:hover{ background:url(/public/images/home/jt2.jpg) no-repeat 125px center;}
	
	/* 我们的优势 */
	.youshi{ width:94%; padding:30px 0 10px 0;}
	.youshi ul{ padding:20px 0 0 0;}
	.youshi ul li{ width:50%; margin-bottom:20px; background:none;}
	.youshi ul li h3{ padding:10px 0;}
	.youshi ul li p{ display:none;}
	
	/* 行业应用 */
	.hyyy{ padding:30px 0;}
	.hyyy dl{ width:48%; height:auto; margin:10px 2% 0 0;}
	.hyyy dl.lr{ margin:20px 0 0 0;}
	.hyyy dl dt{ width:100%; height:auto;}
	.hyyy dl dd.dd1{ width:90%; padding:0 5%; bottom:40px;}
	.hyyy dl dd.dd1 h3{ font-size:20px;}
	.hyyy dl dd.dd1 p{ font-size:16px;}
	.hyyy dl dd.dd2{ display:none;}
	
	/* 关于盛瀚 */
	.indabout{ width:94%; padding:30px 0;}
	.indabout .abtcon{ margin-top:20px;}
	.indabout .abtcon .abl{ width:100%; height:auto;}
	.indabout .abtcon .abl em{ width:100%; height:auto;}
	.indabout .abtcon .abr{ width:100%;}
	.indabout .abtcon .abr h3{ padding:15px 0 5px 0; font-size:36px;}
	.indabout .abtcon .abr p{ line-height:25px;}
	.indabout .abtcon .abr ul{ padding:10px 0;}
	.indabout .abtcon .abr ul li{ width:150px; height:150px; margin:15px 2% 0 2%; border-radius:50%;}
	.indabout .abtcon .abr ul li em{ margin:10px auto;}
	.indabout .abtcon .abr .more{ margin:20px auto 10px auto;}
	
	.winbj{ width:100%; height:100%; background:rgb(0, 0, 0); position:fixed; left:0px; top:0px; opacity:0.5;z-index:999;}
	.tanChu{ width:715px; height:574px; left:50%; top:50%; margin:-280px 0 0 -357px; background:#FFF; position:fixed; z-index:9999;}
	.tanChu .tanChutit{ width:100%; height:40px; line-height:40px; background:#FFF; overflow:hidden;}
	.tanChu .tanChutit .tanchuTxt{ padding-left:20px; font-size:16px; float:left;}
	.tanChu .tanChutit .tanchuClose{ padding-right:20px; font-size:16px; color:#333; cursor:pointer; float:right;}
	.tanChu iframe{ width:715px; height:534px;}
	
	/* 盛瀚走出国门冲向世界 */
	.world{ padding:30px 0;}
	.stage{ width:88%; padding:20px 3%;}
	.stage .stimg{ width:100%; height:222px;}
	
	.stage .stimg .maps{ width:100%; height:220px;}
	.stage .stimg .maps .beijing{ right:62px; top:50px;}
	.beijing-cir{ width:100px; height:100px; right:30px; top:30px;}
	
	.stage .stimg p{ display:none;}
	.stage .wen{ width:100%;}
	.stage .wen h3{ padding:15px 0 5px 0; font-size:36px;}
	.stage .wen p{ line-height:25px; padding-bottom:20px; font-size:14px;}
	
	/* 新闻资讯 */
	.indnews{ padding:30px 0;}
	.newimg{ width:100%; height:auto; margin:20px 0 10px 0;}
	.newimg .slides li{ width:100%; height:auto;}
	.indnews .wen{ width:100%; padding-left:0; margin:0; border-left:0;}
	.indnews .wen li{ height:45px; line-height:45px;}
	.indnews .wen li b{ width:15px; margin:21px 21px 21px 5px;}
	.indnews .wen li a{ width:255px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.indnews .wen li span{ display:none;}
	
	/* 公用底部 */
	.backtop{  bottom:72px; right:3%;}
	.bottoms{ padding:0 0 30px 0;}
	.bottoms .logo2,.bottoms dl{ display:none;}
	.bottoms dl.ewm{ display:block; padding:25px 0 0 10%; float:left;}
	.bottoms dl.ewm2{ display:block; padding:25px 10% 0 15px; float:right;}
	.botnav{ height:auto; line-height:25px; padding:10px 13%; font-size:14px;}
	.botnav a{ padding:0 10px; font-size:14px;}

	.copyright{ line-height:24px; padding:10px 5%; }
	.copyright a{ color:#9E9E9E;}
	.copyright a:hover{ color:#0099E5;}

}